$(function () {
    // 点击去注册
    $('.link_reg').on('click', function () {
        // 隐藏登录页面显示注册页面
        $('.loginBox').hide()
        $('.regBox').show()
    })
    // 点击去登录
    $('.link_login').on('click', function () {
        // 隐藏登录页面显示注册页面
        $('.loginBox').show()
        $('.regBox').hide()
    })

    // 禁止表单的默认提交
    $('form').on('submit', function (e) {
        e.preventDefault()
    })

    // 自定义验证表单
    layui.form.verify({
        username: [/^[a-zA-Z0-9]{1,10}$/, '用户名必须是1-10位字母和数字'],
        pwd: [/^\S{6,15}$/, '密码长度必须是6-15位的非空字符串'],
        repwd: function (value) {
            if (value !== $('.regBox input[name=password]').val()) {
                return '两次密码不一致！'
            }
        }
    })

    // 注册账号
    $('.form_reg_btn').on('submit', function () {
        // 发送axios
        axios({
            method: 'POST',
            url: '/api/reguser',
            data: $('.form_reg_btn').serialize(),
        }).then(({ data: res }) => {
            if (res.status == 1) {
                layer.msg(res.message)
            }
            layer.msg('注册成功！')
            $('.form_reg_btn')[0].reset();
            $('.link_login').click()
        })
    })

    // 登录账号
    $('.form_login_btn').on('submit', function () {
        // 发送axios请求
        axios({
            method: 'POST',
            url: '/api/login',
            data: $(this).serialize()
        }).then(({ data: res }) => {
            if (res.status != 0) return layer.msg(res.message);
            layer.msg(res.message);
            localStorage.setItem('token', res.token)
            location.href = '/index.html'
        })
    })

})